<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>飞机表面缺陷检测系统</title>
    <style>
                body {
                    font-family: Arial, sans-serif;
                    background-color: #f4f4f9;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100vh;
                    margin: 0;
                }
                .container {
                    background-color: #ffffff;
                    padding: 20px;
                    border-radius: 8px;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                    text-align: center;
                }
                h1 {
                    color: #333;
                }
                h3 {
                    color: #666;
                }
                a {
                    display: inline-block;
                    /*background-color: #007BFF;*/
                    /*color: #fff;*/
                    padding: 10px 20px;
                    /*text-decoration: none;*/
                    /*border-radius: 4px;*/
                    /*margin-top: 20px;*/
                }
                /*a:hover {*/
                /*    !*background-color: #0056b3;*!*/
                /*}*/
            </style>
</head>
<body>
    <div class="container">
        <h1>{{ h1 }}</h1>
        <h2>{{ h2 }}</h2>
        <h3>{{ h3 }}</h3>
        <a href="{{ a }}">{{ a }}</a>
    </div>
</body>
</html>